﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>DataBind Samples</title>

</head>
<body>
    <!--Please view app.ts for the page scripts-->
    <h2>DataBind Samples (Alpha)</h2>
    <p>The capabilities of this script go far beyond this example. I will add more examples, comments, and documentation soon.</p>

    <button onclick="bind()"> Start Binding Demo</button>

    <section id="ToDoTemplate" style="display: none;">
        <article data-id="Id" style="background-color: silver">
            <h3 data-text="Title"></h3>
             Number of Tasks: <span data-text="Items.length"> </span><br />
            <ol data-repeat="Items">
                <li data-id="Items.Id">
                    Day: <span data-text="Items.Day"></span> <br />
                    Task: <span data-text="Items.Task"></span>
                </li>
            </ol>
        </article>
    </section>



    <section id="sResults"></section>

    
    <script src="DataBind.js"></script>
    <script src="DataSource.js"></script>
    <script src="app.js"></script>
</body>
</html>
